<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="Master.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"           
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="title">Lista Usuarios</ui:define> 
    <ui:insert name="cssk"></ui:insert> 
    <ui:define name="scritpK">
        
    </ui:define> 
    
    <ui:define name="content">

        <h:form id="frmLstUsu" >
            <p:commandButton id="btnNuevo" value="Nuevo" icon="ui-icon-plus" action="#{vendedorBean.addVendedor}">
                <f:param name="i" value="2" />
            </p:commandButton>
            <p:panel id="pnlMain">
                <h:panelGrid cellpadding="4" columns="4">
                <p:dataTable id="table1" value="#{vendedorBean.listVendedor()}" var="vendedor">
                    <h:inputHidden value="#{vendedor.idVendedor}"/>
                    <p:column filterBy="#{vendedor.idVendedor}" headerText="Código">
                        <h:outputText value="#{vendedor.idVendedor}"/>
                    </p:column>
                    <p:column filterBy="#{vendedor.nombre}" headerText="Nombre">
                        <h:outputText value="#{vendedor.nombre}"/>
                    </p:column>
                    <p:column filterBy="#{vendedor.apellido}" headerText="Apellido">
                        <h:outputText value="#{vendedor.apellido}"/>
                    </p:column>
                    <p:column filterBy="#{vendedor.celular}" headerText="Celular">
                        <h:outputText value="#{vendedor.celular}"/>
                    </p:column>
                    <p:column filterBy="#{vendedor.direccion}" headerText="Direccion">
                        <h:outputText value="#{vendedor.direccion}"/>
                    </p:column>
                    <p:column filterBy="#{vendedor.activoString()}" headerText="Estado">
                        <h:outputText value="#{vendedor.activoString()}"/>
                    </p:column>
                    <p:column headerText="Editar" width="10%">
                        <p:commandButton action="#{vendedorBean.editArticulo}" icon="ui-icon-pencil">
                            <f:setPropertyActionListener value="#{vendedor}" target="#{vendedorBean.vendedorDTO}" />
                        </p:commandButton>
                    </p:column>
                    <p:column headerText="Remover" width="10%">
                        <p:commandButton action="#{vendedorBean.deleteVendedor}" icon="ui-icon-minusthick" update="table1">
                            <f:setPropertyActionListener value="#{vendedor}" target="#{vendedorBean.vendedorDTO}" />
                            <p:confirm header="Confirmación" message="¿Estás seguro?" icon="ui-icon-alert" />
                        </p:commandButton>
                    </p:column>
                </p:dataTable>
                <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
                    <p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                    <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
                </p:confirmDialog>
                </h:panelGrid>
            </p:panel>
        </h:form>

    </ui:define> 

    <ui:define name="dialogos">         
           
    </ui:define> 

</ui:composition>